<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>输入框</title>
</head>

<body>
    <input type="date" name="" id=""><br>
    文本框<input type="text" name="" id=""><br>
    密码<input type="password" name="" id=""><br>
    文件<input type="file" name="" id=""><br>
    邮箱<input type="email" name="" id=""><br>
    <!-- 要让单选框起作用,需要给它两个的name设置成一样的,checked属性设置默认选择 -->
    单选框<input type="radio" name="性别" id="" checked="男">男 <input type="radio" name="性别" id="">女 <br>
    复选框<input type="checkbox">篮球<input type="checkbox">足球<input type="checkbox">排球<br>
    按钮<input type="button" value="我是一个按钮"><br>
    提交按钮<input type="submit" value=""><br>

    下拉菜单
    <select name="" id="">
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="">深圳</option>
    </select>

    <br>
    文本域<textarea name="" id="" rows="5" cols="20">

    </textarea>
</body>

</html>